<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #all {
            border: 3px solid #EFEFEF;
            width: 300px;
            margin: 0 auto;
            overflow: hidden;
            background: linear-gradient(#64C4F9,white);
            border-radius: 10px 10px 10px 10px;
        }
        .header span{
            
            color: white;
            font-size: 16px;
        }
        .header img {
            width: 40px;
            text-align: center;
            margin-top: 10px;
        }
        hr {
            margin: 10px auto;
            color: white;
        }
        .list {
            position:relative
        }
        ul {
            list-style: none;
        }
        .txt{
            position:relative;
            width:300px;
            height:10px;
            margin: 0 0 -10px 20px;
        }

    </style>
</head>
<body>
    <div id="all">
        <div class="header"><img src="img/bg.gif">
            <span>中心开班信息</span>
        </div>
        <hr>
        <div class="list">
            <ul>
                <li class="txt">8月12日：学历+技能班</li>
                <img src="img/dotBg.gif" class="pic">
                <li class="txt">8月16日：高考特招班</li>
                <span><img src="img/dotBg.gif"></span>
                <li class="txt">8月23日：Java精英班</li>
                <span><img src="img/dotBg.gif"></span>
                <li class="txt">8月31日：学士后强化班</li>
                <span><img src="img/dotBg.gif"></span>
                <li class="txt">9月5日：大学生就业班</li>
                <span><img src="img/dotBg.gif"></span>
                <li class="txt">9月9日：企业定向委培班</li>
                <span><img src="img/dotBg.gif"></span>
                <li class="txt">9月16日：网络营销强化班</li>
                <span><img src="img/dotBg.gif"></span>
            </ul>
        </div>
    </div>
</body>
</html>